/* 图片公共样式 */
img {
  width: 100%;
}

/* 主体部分公共样式 */
.pic,
.pic-n,
.pic-1,
.pic-2,
.pic-3,
.pic-4,
.pic-5,
.pic-6,
.pic-7,
.pic-9 {
  display: block;
}
/* 更改分页器和三角的颜色 */
.swiper {
  --swiper-theme-color: #000;
}
/* 15.webp跳转部分  */
.pic-8,
.pic-10 {
  /* 父相 */
  position: relative;
}
.pic-8 .none-k,
.pic-10 {
  /* 父级设置弹性盒 */
  display: flex;
}
/* 设置空盒子用来辅助跳转 */
.pic-8 .none-k a div {
  height: 190px;
  width: 280px;
  background-color: black;
  /* 设置层级 */
  z-index: 999;
  /* 设置光标小手 */
  cursor: pointer;
  /* 透明度0是完全透明 */
  opacity: 0;
}
/* 设置第1个a链接子元素 */
.pic-8 .none-k a:nth-child(1) {
  /* 子级绝对定位 */
  position: absolute;
  top: -21px;
  left: 270px;
}
.pic-8 .none-k a:nth-child(2) {
  /* 子绝 */
  position: absolute;
  top: -21px;
  left: 601px;
}
.pic-8 .none-k a:nth-child(3) {
  position: absolute;
  top: -21px;
  left: 934px;
}

/*  17.webp跳转部分  */
/* 设置空盒子用来辅助跳转 */
.pic-10 .none-h a div {
  width: 316px;
  height: 142px;
  background-color: black;
  /* 设置层级 */
  z-index: 999;
  /* 设置光标小手 */
  cursor: pointer;
  /* 透明度0是完全透明 */
  opacity: 0;
}
/* 设置第1个a链接子元素 */
.pic-10 .none-h a:nth-child(1) {
  /* 子级绝对定位 */
  position: absolute;
  top: 239px;
  left: 265px;
}
.pic-10 .none-h a:nth-child(2) {
  /* 子绝 */
  position: absolute;
  top: 238px;
  left: 600px;
}
.pic-10 .none-h a:nth-child(3) {
  position: absolute;
  top: 238px;
  left: 940px;
}
